		* {
			padding: 0;
			margin: 0;
		}
		
		html {
			width: 100%;
			height: 100%;
		}
		
		body {
			width: 100%;
			height: 100%;
		}
		
		.pa {
			position: absolute;
		}
		
		#wrap {
			width: 100%;
			height: 100%;
			background-image: url(../images/pageone/bg.jpg);
			background-size: 100%;
			overflow: hidden;
			position: relative;
		}
		
		.top {
			width: 80%;
			margin-left: 10%;
			left: 0;
			top: 11%;
			position: absolute;
		}
		
		.top img {
			position: absolute;
		}
		
		.imgleft1 {
			left: -200px;
			top: 0px;
			width: 47%;
		}
		
		.imgbottom1 {
			left: 0%;
			top: 200%;
			width: 100%;
		}
		
		.imgbottom2 {
			left: 120%;
			top: 61%;
			width: 72%;
		}
		
		.imgright1 {
			left: 300%;
			top: 0px;
			width: 100%;
		}
		
		.imgright2 {
			left: -200%;
			width: 20%;
			top: 36%
		}
		
		.imgright3 {
			left: -200%;
			top: 22%;
			width: 25.2%;
		}
		
		.imgright4 {
			left: -173%;
			width: 8%;
			top: 42%
		}
		
		.imgtop1 {
			height: 30%;
			left: 200%;
			top: 0;
		}
		
		.imgtop2 {
			height: 30%;
			left: 200%;
			top: 0;
		}
		
		#textd {
			opacity: 0;
			left: 4.5%;
			top: 39%;
			opacity: 0;
			width: 12%;
		}
		
		#textr {
			opacity: 0;
			left: 22.5%;
			top: 39%;
			height: 61%;
		}
		
		#texte {
			left: 40%;
			top: 39%;
			height: 29%;
			opacity: 0;
		}
		
		#textm {
			left: 54%;
			top: 39%;
			height: 60%;
			width: 47%;
			opacity: 0;
		}
		
		#textmaker {
			left: 28%;
			top: 87%;
			width: 72%;
			opacity: 0;
			z-index: 20;
		}
		/*中间部分文字*/
		
		#cxtext {
			position: absolute;
			left: 20%;
			width: 55%;
			top: 72%;
			opacity: 0;
		}
		
		#stara {
			left: 8%;
			top: 64%;
			opacity: 0;
		}
		
		#starb {
			left: 0;
			top: 59%;
			opacity: 0;
		}
		
		.star1 {
			width: 40%;
			left: -40%;
			top: 50%;
			animation: star1 2s infinite;
		}
		
		.star2 {
			width: 40%;
			left: 140%;
			top: 60%;
			animation: star2 2s infinite;
		}
		
		.star3 {
			width: 40%;
			left: 140%;
			top: 60%;
			animation: star3 2s infinite;
		}
/*下一页按钮*/
#slide{
	position: absolute;
	left: 45%;
	width: 10%;
	bottom:2em;
	animation: slideanimate 1s infinite;
	
}
#slideDiv{
	position: absolute;
	height:8%;
	bottom: 0;
	width: 100%;
}				
		
		
		
		
		/*图片.文字进来的关键帧动画*/
		
		@keyframes textanimate {
			from {
				-webkit-transform: translateZ(200%);
				-webkit-transform: translate(-100%, 200%);
				opacity: 1;
			}
			to {
				-webkit-transform: translateZ(0%);
				opacity: 1;
			}
		}
		/*cx动画*/
		
		@keyframes cxanimate {
			from {
				-webkit-transform: translateZ(-200%);
				-webkit-transform: scale(0)
				/*opacity: 0;*/
			}
			to {
				-webkit-transform: translateZ(0%);
				-webkit-transform: scale(1)
				/*opacity: 1;*/
			}
		}
		/*下一页的动画*/
		
		@keyframes slideanimate {
			0% {
				-webkit-transform: translateY(0);
			}
			50% {
				-webkit-transform: translateY(1em);
			}
			100% {
				-webkit-transform: translateY(0);
			}
		}
		/*流星动画*/
		
		@keyframes star1 {
			from {
				-webkit-transform: translate(0, 0);
			}
			to {
				-webkit-transform: translate(1000px, 200px);
			}
		}
		
		@keyframes star2 {
			from {
				-webkit-transform: translate(0, 0);
			}
			to {
				-webkit-transform: translate(-1000px, -500px);
			}
		}
		
		@keyframes star3 {
			from {
				-webkit-transform: translate(0, 0);
			}
			to {
				-webkit-transform: translate(-1000px, 500px);
			}
		}
		/*亮星星1*/
		
		@keyframes stara {
			from {
				-webkit-transform: translateZ(1000px);
				-webkit-transform: translate(0, -100%);
				transform: scale(0);
				opacity: 1;
			}
			to {
				-webkit-transform: translateZ(0px);
				transform: scale(1);
				opacity: 1;
			}
		}
		
		@keyframes starb {
			from {
				-webkit-transform: translateZ(1000px);
				-webkit-transform: translate(0, -100%);
				transform: scale(0);
				opacity: 1;
			}
			to {
				-webkit-transform: translateZ(0px);
				transform: scale(1);
				opacity: 1;
			}
		}